.pubBackStyle() {
	width: 100%;
	height: 50px;
	border-radius: 10px;
	border: 1px solid #cccccc;
	background: white;
	margin-top: 5px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 10px;
}
#RelationId {
	width: 100%;
	// background-color: white;
	.u-tabs-nav-container {
		font-size: 14px;
		line-height: 1.5;
		overflow: hidden;
		white-space: nowrap;
		outline: none;
		zoom: 1;
		padding-left: 20px;
	}
	.relation-tit {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: white;
		padding: 0 20px;
		.number-style {
			.u-form-error.show {
				display: none;
			}
		}
		.title-left {
			height: 25px;
			font-size: 16px;
			font-family: MicrosoftYaHei;
			color: rgba(17, 17, 17, 1);
			line-height: 25px;
			display: flex;
			align-items: center;
			.title-style {
				font-weight: normal;
				font-size: 16px;
				height: 32px;
				line-height: 32px;
			}
		}
		.title-right {
			height: 54px;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			.title-rr {
				display: flex;
				justify-content: flex-end;
				align-items: center;
			}
			.contions {
				width: 100%;
				display: flex;
				justify-content: flex-end;
				.contions-box-set {
					width: 35%;
					height: 30px;
					float: left;
					margin-right: 3%;
					.title-settle {
						height: 30px;
						line-height: 30px;
						text-align: right;
						transform: translate(-6px, 0);
					}
				}
				.contions-box {
					min-width: 200px;
					height: 30px;
					margin-right: 1px;
					.u-input-group-outer {
						max-width: 125px !important;
					}
					.u-form-item {
						& > div:nth-child(1) {
							.u-input-group-outer {
								width: 125px;
							}
						}
					}
					.u-label {
						text-align: right;
						padding-right: 5px;
						font-size: 14px;
						padding-top: 7px;
						transform: translate(0px, -10px);
					}
				}

				// .contions-box {
				// 	width: 210px;
				// 	height: 30px;
				// 	float: left;
				// 	transform: translate(34px, 0);
				// 	.u-form-item {
				// 		& > div:nth-child(1) {
				// 			.u-input-group-outer {
				// 				width: 125px;
				// 			}
				// 		}
				// 	}
				// 	.u-label {
				// 		padding-right: 5px;
				// 		font-size: 14px;
				// 		padding-top: 7px;
				// 		transform: translate(0px, -10px);
				// 	}
				// }
				// .header-button-area1 {
				// 	float: right;
				// }
			}
			// .header-button-area2 {
			// 	float: right;
			// }
		}
	}
	.title-right {
		width: 80%;
		padding-left: 11%;
	}
	.u-tabs .u-tabs-bar,
	.u-tabs .u-tabs-nav-container {
		font-size: 14px;
		line-height: 1.5;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		position: relative;
		white-space: nowrap;
		outline: none;
		zoom: 1;
		// background-color: #f6f6f6;
	}
	@media screen and (max-width: 1281px) {
		.title-right {
			width: 80%;
			padding-left: 10%;
		}
	}
	@media screen and (min-width: 1282px) and (max-width: 1439px) {
		.title-right {
			width: 80%;
			padding-left: 9.6%;
		}
	}
	@media screen and (min-width: 1440px) and (max-width: 1920px) {
		.title-right {
			width: 80%;
			padding-left: 11%;
		}
	}
	.divider {
		border-bottom: 1px solid #d0d0d0;
	}
	.calendar-picker {
		width: 100%;
	}
}
